<!DOCTYPE html>
<html>
<head>
<?php include_once VIEWS.'inc/head.php'; ?>
<?php
	echo static_file('web/js/jquery.lazyload.min.js');
	echo static_file('web/js/num.js');
	echo static_file('web/css/swiper-3.3.1.min.css');
	echo static_file('web/js/swiper-3.3.1.min.js');
?>
</head>

<body>
	<div class="main">
		<?php include_once VIEWS.'inc/header.php'; ?>
		<section class="about">
			<div class="abanner">
				<img src="<?php echo static_file('web/img/abanner.jpg')?>" alt="">
			</div>
			<div class="intro w1440">
				<div class="line_bot wow fadeInUp"></div>
				<div class="cloumn wow fadeInUp">
					<div class="line"></div>
					<div class="txt">
						<div class="img">
							<img src="<?php echo static_file('web/img/company.png')?>" alt="">
						</div>
						<div class="cn">企业简介</div>
						
					</div>
				</div>
				<div class="txt_box f-cb">
					<div class="txt_l wow fadeInLeft">
						<div class="logo">
							<img src="<?php echo static_file('web/img/logo3.png')?>" alt="">
						</div>
						<div class="t">四季沐歌是沪市A股主板上市企业（股票代码：603366）、中国航天事业战略合作伙伴。</div>
						<div class="con">
							<p>四季沐歌专注热水18年，致力于“建立热水新标准、升级热水新体验”，产品横向延伸到集成热水机、太阳能、空气能、电热水器、燃气热水器、壁挂炉、净水、五金卫浴等业务，纵向延伸到太阳能跨季节储热采暖、建筑节能与太阳墙、分布式光伏电站等领域。针对家庭零售市场，创新开发出与家居部品和建筑相结合的集成热水机、多能源互补的热水采暖中心；针对商用市场，创新研发出集成热水采暖站、亲亲水站，以及适合商业用户的智能化、定制化、复合型热水解决方案。形成了从单机到系统、从城市到乡村、从家庭到商用、从线下到线上的全方位、场景化系统解决方案，引领中国消费者迈入舒适热水、健康饮水、清洁采暖新时代。 </p>
							<p>集团客户遍布全国31个省市自治区、2000多个县市和近2万个乡镇，产品出口德国、美国等100多个国家和地区。18年间，四季沐歌扎根中国城市、城镇、乡村多元的建筑与住宅市场，立足中国各地复杂的水质、水情和能源现状，沉淀了1300多万用户数据库，汇聚了20000家专业的客户服务网络，实现由经营客户向经营用户转变。</p>
						</div>
					</div>
					<div class="pic wow fadeInRight">
						<div class="tu">
							<img src="<?php echo static_file('web/img/sjmg.jpg')?>" alt="">
						</div>
						
						<div class="bg"></div>
					</div>
				</div>
			</div>
			<div class="text_box">
				<div class="text_box_cen w1440 wow fadeInUp">
					<div class="text_b">
						<div class="icon">
							<img src="<?php echo static_file('web/img/s.png')?>" alt="">
						</div>
						<div class="con">
							<p>集团拥有国家发改委、科技部、财政部、海关总署以及国家税务总局联合认定的“企业技术中心”，设有国家级“博士后科研工作站”，与北京大学、清华大学、上海交大等多所国内知名院校建立了横向的“产、学、研”合作关系，拥有多项国家专利技术。此外，还拥有业界前沿的热水及净水CNAS实验室、全球仅2套的太阳能模拟器及全球仅3套的多热水检测系统等科研检测平台资源。为完善全国产业布局，公司分别在江苏、河南、浙江、广东等省份建有现代化的制造基地。</p>
							<p>集团连续六年荣获光热行业全国销量第一，连续六年成为中国房地产500强首选供应商，并入选中国品牌价值500强、全球新能源500强榜单，是2017阿斯塔纳世博会指定用品供应商、首批饮用水设备进校园推荐试点单位；连续10年被评为“全国售后服务十佳单位”、连续7年荣获“中国最佳雇主”等荣誉。集团坚持“开放、包容、协同、共赢”的核心价值观和“平等公益”理念，坚持开展“阳光公益行动”、“阳光创业行动”、“阳光助学行动”，助力中国航天事业，联合PICC为经销商及其员工购买保险……在践行社会责任的过程中，树立起了中国企业公民的新典范！</p>
							<p>围绕新时代背景下的消费升级和绿色发展，秉持无边界创新整合理念，凡是有利于提升用户体验的技术及商业模式、凡是有利于增强客户竞争力的生态链资源、凡是有利于促进企业健康可持续发展的文化理念，四季沐歌都兼容并蓄、跨界整合、创新迭代。在创造用户价值、提升用户体验的同时重新定义了舒适生活的标准，由此开启了一个热水再定义的新时代，一个用户参与并主导体验的新时代，最终将带来一个热水品牌化的崭新时代。</p>
						</div>
						<div class="ds">
							<div class="pic">
								<img src="<?php echo static_file('web/img/pic2.png')?>" alt="">
							</div>
							<div class="txt">
								<div class="inline">
									<div class="line"></div>
									<div class="text">
										让阳光改变生活，用绿色还原世界。四季沐歌，悦享美好生活!
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="company">
				<div class="company_cen w1440 wow fadeInUp">
					<div class="swiper_num">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<div class="num">
										<div class="roll">18</div>
										<span>年</span>
									</div>
									<div class="txt">四季沐歌专注热水18年</div>
								</div>
								<div class="swiper-slide">
									<div class="num">
										<div class="roll">31</div>
										<span>个</span>
									</div>	
									<div class="txt">遍布全国31个省市自治区</div>
								</div>
								<div class="swiper-slide">
									<div class="num">
										<div class="roll">100</div>
										<img src="<?php echo static_file('web/img/jg.png')?>" alt="">
									</div>
									<div class="txt">产品出口100多个国家和地区</div>
								</div>
								<div class="swiper-slide">
									<div class="num">
										<div class="roll">1300</div>
										<img src="<?php echo static_file('web/img/jg.png')?>" alt="">
									</div>
									<div class="txt">沉淀了1300多万用户数据库</div>
								</div>
								<div class="swiper-slide">
									<div class="num">
										<div class="roll">20000</div>
									</div>
									<div class="txt">20000家专业的客户服务网络</div>
								</div>
							</div>
						</div>
						<div class="prev"></div>
						<div class="next"></div>
					</div>
					<div class="num_list">
						<ul class="f-cb">
							<li>
								<div class="num">
									<div class="roll">18</div>
									<span>年</span>
								</div>
								<div class="txt">四季沐歌专注热水18年</div>
							</li>
							<li>
								<div class="num">
									<div class="roll">31</div>
									<span>个</span>
								</div>	
								<div class="txt">遍布全国31个省市自治区</div>
							</li>
							<li>
								<div class="num">
									<div class="roll">100</div>
									<img src="<?php echo static_file('web/img/jg.png')?>" alt="">
								</div>
								<div class="txt">产品出口100多个国家和地区</div>
							</li>
							<li>
								<div class="num">
									<div class="roll">1300</div>
									<img src="<?php echo static_file('web/img/jg.png')?>" alt="">
								</div>
								<div class="txt">沉淀了1300多万用户数据库</div>
							</li>
							<li>
								<div class="num">
									<div class="roll">20000</div>
								</div>
								<div class="txt">20000家专业的客户服务网络</div>
							</li>
						</ul>
					</div>
					<div class="pic">
						<img src="<?php echo static_file('web/img/company.jpg')?>" alt="">
					</div>
				</div>
			</div>
			<div class="link_box" style="background:url(<?php echo static_file('web/img/link_bg.jpg')?>) no-repeat center center;background-size:cover;">
				<div class="border"></div>
				<div class="link_box_cen w1440 wow fadeInUp">
					<ul class="f-cb">
						<li>
							<div class="img">
								<img src="<?php echo static_file('web/img/logo4.png')?>" alt="">
							</div>
							<div class="btn">更多栏目</div>
						</li>
						<li>
							<div class="bg"></div>
							<a href="<?php echo site_url('about/news'); ?>">
								<div class="tit">
									<div class="cn">新闻中心</div>
									<div class="en">News Center</div>
								</div>
								<div class="icon">
									<img src="<?php echo static_file('web/img/h.png')?>" alt="">
								</div>
							</a>
						</li>
						<li>
							<div class="bg"></div>
							<a href="<?php echo site_url('about/strength'); ?>">
								<div class="tit">
									<div class="cn">技术实力</div>
									<div class="en">Technical strength</div>
								</div>
								<div class="icon">
									<img src="<?php echo static_file('web/img/h.png')?>" alt="">
								</div>
							</a>
						</li>
						<li>
							<div class="bg"></div>
							<a href="<?php echo site_url('about/join'); ?>">
								<div class="tit">
									<div class="cn">招贤纳士</div>
									<div class="en">Recruitment</div>
								</div>
								<div class="icon">
									<img src="<?php echo static_file('web/img/h.png')?>" alt="">
								</div>
							</a>
						</li>
						<li>
							<div class="bg"></div>
							<a href="<?php echo site_url('about/events'); ?>">
								<div class="tit">
									<div class="cn">专题活动</div>
									<div class="en">Special events</div>
								</div>
								<div class="icon">
									<img src="<?php echo static_file('web/img/h.png')?>" alt="">
								</div>
							</a>
						</li>
						<li>
							<div class="bg"></div>
							<a href="<?php echo site_url('about/contact'); ?>">
								<div class="tit">
									<div class="cn">联系我们</div>
									<div class="en">contact us</div>
								</div>
								<div class="icon">
									<img src="<?php echo static_file('web/img/h.png')?>" alt="">
								</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</section>
    	<?php include_once VIEWS.'inc/footer.php'; ?>
	</div>
	<script>
		$(function(){
			$('header .bocweb-nav ul li').eq(8).addClass('active');
			// $("img").lazyload({effect: "fadeIn"});
			$('.roll').counterUp({
				delay: 30,
				time: 600
			});


			var mySwiper2 = new Swiper ('.swiper_num .swiper-container', {
			    slidesPerView : 2,
			    spaceBetween : 10,
			    nextButton: '.swiper_num .next',
	  			prevButton: '.swiper_num .prev',
	  			breakpoints: { 
				    //当宽度小于等于400
				    400: {
				      slidesPerView: 1,
				      spaceBetweenSlides: 10
				    }
				}
			})   

		})
	</script>
</body>
</html>
